import {ThemeProvider} from "@/components/theme-provider.tsx";
import {Suspense} from "react";
import SuspenseFallback from "@/pages/SuspenseFallback.tsx";
import {Route, Routes} from "react-router-dom";
import AppFrame from "@/pages/AppFrame.tsx"

import './App.css'
import KnowledgeBase from "@/pages/knowledge-base";

function App() {

    return (
        <ThemeProvider defaultTheme="dark" storageKey="luanniao-ui-theme">
            <Suspense fallback={<SuspenseFallback/>}>
                <Routes>
                    <Route path="" element={<AppFrame/>}>
                        <Route path="knowledge-base" element={<KnowledgeBase/>}/>
                    </Route>
                </Routes>
            </Suspense>
        </ThemeProvider>
    )
}

export default App
